<template>
	<view>
		<!-- 懒加载动画 -->
		<view class="loading-box">
		  <u-loading :show="loadingone" color="#41ADBA" size="70"></u-loading>
		</view>
		<view class="page-bgf" v-show="!loadingone">
			<navbar name="饮食任务"></navbar>
			<view class="task-title w654">
				防止并发症：擒贼西安秦王，做好这3点是关键
			</view>
			<view class="user-message w654">
				<view class="user-image">
					<u-lazy-load border-radius="50" height="65" img-mode="aspectFill"
						image="https://cdn.uviewui.com/uview/swiper/3.jpg"></u-lazy-load>
				</view>
				<view class="user-center">
					<view class="title">
						<text>张玉寿</text><text style="padding-left: 30upx;">主任医师</text>
					</view>
					北京协和医院 | 营养科
				</view>
				<view class="user-titme">
					2020-12:15 20:30
				</view>
			</view>
			<view class="CollectionToShare w654">
				<view class="star-view">
					<uni-icons
					    color="#FEB72C"
					    size="18"
					    type="star-filled"
					/>
				</view>
				<view class="share-view">
				</view>
			</view>
			<view class="halvingLine w654">
			</view>
		</view>
	</view>
</template>

<script>
	import uLoading from "@/uview-ui/components/u-loading/u-loading.vue"

import uLazyLoad from "@/uview-ui/components/u-lazy-load/u-lazy-load.vue"

	export default {
		components: {
			uLoading,
			uLazyLoad,
		},
	  data() {
	    return {
			code:15,
			loadingone:false//懒加载
	    };
	  },
	  onLoad() {
		  let t = this;
		  yzmtime(t)
	  },
	  methods: {
	
	  }
	}
</script>

<style lang="scss">
	.w654 {
		width: 654upx;
		margin: 0 auto;
	}

	.task-title {
		font-size: 54upx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: #333333;
		line-height: 75upx;
		margin-top: 30upx;
	}
	.user-message {
		margin-top: 17upx;
		display: flex;

		.user-image {
			width: 65upx;
			margin-right: 7upx;
		}

		.user-center {
			width: 310upx;
			font-weight: 400;
			color: #9B9B9B;
			font-size: 24upx;
			.title{
				font-size: 30upx;
				line-height: 42upx;
			}
		}
		.user-titme{
			font-size: 30upx;
			font-weight: 400;
			color: #999999;
		}
	}
	.CollectionToShare{
		height: 80upx;
		position: relative;
		.star-view{
			width: 37upx;
			height: 37upx;
			// background: #FEB72C;
			position: absolute;
			bottom: 0;
			right: 120upx;
		}
		.share-view{
			width: 37upx;
			height: 37upx;
			background: url(http://static.bsyjk.cn/shareicon/DD44D2642C814F41947BF60EFBC11F0F.png)no-repeat;
			background-size:37upx 37upx;
			position: absolute;
			bottom: 0;
			right: 0;
		}
	}
	.halvingLine{
		width: 654upx;
		height: 1upx;
		border: 1upx solid #EEEEEE;
		margin-top:60upx;
	}
	.accomplish-popup{
		display: inline-block;
		width: 345upx;
		height: 90upx;
		background: #3A3A3A;
		border-radius: 15upx;
		opacity: 0.9;
		position: fixed;
		top:50vh;
		left: 50%;
		transform:translateX(-50%);
		color: #fff;
		font-size: 28upx;
		font-weight: 500;
		color: #FFFFFF;
		line-height: 90upx;
		letter-spacing: 1px;
		text-align: center;
		.jkdimage{
			width: 44upx;
			height: 36upx;
			margin: 0 6upx 0 10upx;
		}
	}
	
	</style>
